<template>
  <iframe ref="iframe" scrolling="auto" width="100%" height="100%" frameborder="0"></iframe>
</template>

<script>
export default {
  name: "photo.detail",
  data() {
    return {
      detail: ""
    };
  },
  mounted(){
    // 两个路由间传值
    console.log(this.$route.params.newUrl);
    this.$refs.iframe.contentWindow.location.replace(this.$route.params.newUrl);
  }
};
</script>


/* // 这里的 scoped 表示只在当前组件起作用 （局部） */
<style lang="css" scoped>
* {
  margin: 0;
  padding: 0;
}
iframe {
  position: absolute;
  top: 41px;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  margin: 0;
  margin-bottom: 55px;
  padding: 0;
  border: 0;
}
</style>